<template>
  <div class="message">
    message
    <div v-if="show">
      <div v-test.a.b.c="showTest">这是测试指令</div>
    </div>
  </div>
</template>

<script>
import test from '@/directives/test'
export default {
  name: 'messageView',
  directives: { test: test },
  data() {
    return {
      showTest: {
        isshow: false,
        content: '测试vuev-',
      },
      show: true,
    }
  },
  mounted() {
    setTimeout(() => {
      this.showTest = {
        isshow: false,
        content: '测试123123',
      }
    }, 10000)
    setTimeout(() => {
      this.show = false
    }, 20000)
  },
}
</script>
